<template>
	<div>
			<form>
				编号:<input  type="text" v-model="user" autocomplete="off"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				线路编号:<input type="text" v-model="username" autocomplete="off" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				有无故障：<select v-model="xiala">
							<option >有</option>
							<option >无</option>
				         </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="button" value="查询" @click="submitForm()"/> 
			</form>
			<template>
				<el-table :data="tableData">
					<el-table-column fixed prop="id" label="任务编号" width="200px">
					</el-table-column>
					<el-table-column prop="taskid" label="任务名称" width="250px">
					</el-table-column>
					<el-table-column prop="linecode" label="线路编号(起始杆号-终止杆号)" width="230px">
					</el-table-column>
					<el-table-column prop="polecode" label="杆塔编号" width="230px">
					</el-table-column>
					<el-table-column prop="buglevelname" label="缺陷级别" width="230px">
					</el-table-column>
					<el-table-column prop="bugtypename" label="缺陷类型" width="230px">
					</el-table-column>
					<el-table-column prop="discovertime" label="发现时间" width="230px">
					</el-table-column>
					<el-table-column prop="bugdesc" label="缺陷描述" width="230px">
					</el-table-column>
				</el-table>
			</template>
	</div>
</template>

<script>
	export default {
	    data() {
				return {
					    user:'',
						username:'',
						xiala:'',
						tableData: [],
						dialogTableVisible: false,
				}
	           },
			   methods: {
				submitForm() {
					  alert(this.user);
					  alert(this.username);
					  alert(this.xiala);
					   
				},
				shujujiazai: function() {
				let that=this;
				this.axios.post("http://localhost:8080/psInspectiontask2", {

				}).then(function(res) {
					that.tableData = res.data;
				}).catch(err => {
					console.log(err)
				})
			}
	
			},
			mounted() {
				this.shujujiazai();
			}
		
	  }
</script>

<style>
	
</style>